<template>
    <el-pagination background
                   :page-size="pageSize"
                   @current-change="changePage"
                   layout="prev, pager, next"
                   :total="total"></el-pagination>
</template>

<script>
    export default {
        name: "pagination",
        props: {
            pageSize: {
                type: Number,
                default: 100
            },
            total: {
                type: Number,
                default: 0
            }
        },
        methods: {
            changePage(page) {
                this.$emit('currentChange', page)
            }
        },
    }
</script>
